*{
    padding:0;
    margin:0;
}
.container{

    background:url(banner_bg.png) no-repeat center center;
}
.tupian{
    width:100%;
    height:100%;
    background:url(tupian.jpg) no-repeat center center;
    /* position: relative; */
    
}
/* h3{
    position: absolute;
    top:200px;
    left:40px;
    height:20px;
}
.tupian span{
    position: absolute;
    top:260px;
    left:10px;
    height:20px;
} */
.tupian img{
    position: relative;
}
h3{
    position: absolute;
    top:200px;
    left:40px;
    height:20px;
}
.tupian span{
    position: absolute;
    top:260px;
    left:10px;
    height:20px;
}


.yance{
    width:168px;
    height:168px;
    border-radius:50%;
    background:url(img.png) no-repeat center center;
    
    /* margin-left:160px; */
}
.yanse{
    width:168px;
    height:168px;
    border-radius:50%;
    background:url(img1.png) no-repeat center center;
    /* margin-left:250px; */
}
.ce{
    width:168px;
    height:168px;
    border-radius:50%;
    background:url(img2.png) no-repeat center center;
    /* margin-left:270px; */
}







.yance:hover{
    background:url(imgh.png) no-repeat center center;

   
}
.yanse:hover{
    background:url(imgh1.png) no-repeat center center;
}
.ce:hover{
    background:url(imgh2.png) no-repeat center center;
}